<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <include file="share:meta" />
    <script>
    $(function() {
        $(".totalclick").click(function() {
            son = $(this).find("i");
            zhi = son.attr("rel-data");
            $("." + zhi).toggle();
            if (son.hasClass("icon-angle-right")) {
                son.removeClass("icon-angle-right");
                son.addClass("icon-angle-down");
            } else {
                son.removeClass("icon-angle-down");
                son.addClass("icon-angle-right");
            }
        });
    })
    </script>
    <style type="text/css">
        .monthinput{ border:0px; height: 35px; width: 130px; position: absolute; top: 5px; }
    </style>
</head>

<body>
    <div id="common" class="container-fluid consume">
        <include file="share:header" />

        <div class="row header02">
            <form action="" method="post" enctype="multipart/form-data">
            
            <div class="col-xs-1 np textcenter">
                <label></label>
            </div>
            <div class="col-xs-4 textleft np">
                <input class="monthinput" style="display:;" type="date" name='starttime' value='{$starttime}' />
            </div>
            <div class="col-xs-1 np textcenter">
                <label>至</label>
            </div>
            <div class="col-xs-4 textleft np">
                <input class="monthinput" style="display:;" type="date" name='endtime' value='{$endtime}' />
            </div>
            <div class="col-xs-2 textright np">
                <button type="submit" class="btn btn-success submitbutton">
                <i class="fa fa-search" aria-hidden="true"></i>
                <!-- <i class="fa fa-circle-o-notch fa-spin" aria-hidden="true"></i> -->
                </button>
            </div>
            </form>
        </div>
        
        <div class="row liststyle">
            <volist name="CList" id="vo">
                <!--模版开始-->
                <div class="col-xs-12 listrowHdRow totalclick">
                    <div class="col-xs-10"><span class="headfont01">消费时间：{$key}</span></div>
                    <div class="col-xs-1"><i class="icon-angle-right" rel-data="totallist_02{$i}"></i></div>
                </div>
                <div class="listrowDtContainer totallist_02{$i}123" style="display:block;">
                    <volist name="vo" id="vo1">
                    <div class="row ">
                        <div class="col-xs-11 col-xs-offset-1">
                            <div class="listrowDetail clear">
                                <div class="col-xs-3 np">{$vo1.type}</div>
                                <div class="col-xs-6 np">{$vo1.Name}</div>
                                <div class="col-xs-3 textright desc">&yen;{$vo1.ConsumeMoney}</div>
                            </div>
                        </div>
                    </div>
                    </volist>
                </div>
                <div class="clear"></div>
                <!--模版结束-->

            </volist>
            
        </div>
    </div>
    <include file="share:menu" />
</body>

</html>